<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- 视口（作用于移动端，能适配平板、手机页面） -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>喜邦-公司详细页</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/base.css"> <!--加在bootstrap后面-->
	<link rel="stylesheet" href="css/ie10-viewport-bug-workaround.css">	

	<!--[if lt IE 9]><script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
	<script src="js/ie-emulation-modes-warning.js"></script>

	<!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/company_desc.css">
</head>
<body>
	<!-- 头部导航 -->
	<nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">	<!--bootstrap容器-->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">
          	<!-- 改为logo -->
          	<img src="images/logo.png" alt="">
          </a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#about">公司</a></li>
            <li><a href="#contact">案例</a></li>
            <li><a href="#contact"><img src="images/logo.png" alt=""></a></li>
            <li><a href="#contact">团队</a></li>
            <li><a href="#contact">资讯</a></li>
            <li><a href="#contact">联系</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <!-- 广告轮播图 -->
    <div id="carousel-example-generic" class="carousel slide ad" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="images/ad1.jpg" alt="...">
          <div class="carousel-caption">
            广告图1
          </div>
        </div>
        <div class="item">
          <img src="images/ad1.jpg" alt="...">
          <div class="carousel-caption">
            广告图2
          </div>
        </div>
        <div class="item">
          <img src="images/ad1.jpg" alt="...">
          <div class="carousel-caption">
            广告图3
          </div>
        </div>
      </div>

      <!-- Controls -->
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>

	<!-- 栅格系统的结构（看文档，看怎么使用？） -->
	<!-- <div class="container" style="background: red;">
		xxxx
	</div> -->
	<!-- <div class="container-fluid" style="background: blue;">
		yyyy
	</div> -->

	<div class="container">
		<div class="row menu">
			<div class="col-xs-4 col-sm-4 col-md-4 text-right">
				<a href="" class="active">全案作品</a>
			</div>
			<div class="col-xs-4 col-sm-4 col-md-4 text-center">
				<a href="">设计作品</a>
			</div>
			<div class="col-xs-4 col-sm-4 col-md-4 text-left">
				<a href="">面膜设计</a>
			</div>
		</div>

		<div class="pos">
			所在位置：<a href="index.html">首页</a> - 案例
		</div>

		<div class="title">
			<h3>认识喜邦</h3>
			<p>Cheer brand cultivates cosmetics industry for ten years</p>
		</div>
		<div class="row list">
			<div class="box">
				<h3>广州喜邦广告设计有限公司</h3>
				<p class="p1">Guangzhou xiban advertising design co., LTD</p>
				<p class="p2">喜邦广告成立于2005年，公司专注于为化妆品行业客户提供品牌策略服务、平面创意表现、包装设计、终端形象设计的综合性广告平面设计类综合服务商。在将近10年的公司成长中，我们为国内外一大批行业客户提供了睿智而丰富的创意支持，并且也帮助许多业界品牌通过我们的策略和设计包装在市场中获得知名度。</p>
				<ul>
					<li><img src="./images/company1.png" alt=""></li>
					<li><img src="./images/company2.png" alt=""></li>
					<li><img src="./images/company3.png" alt=""></li>
					<li><img src="./images/company4.png" alt=""></li>
					<li><img src="./images/company5.png" alt=""></li>
					<li><img src="./images/company6.png" alt=""></li>
					<li><img src="./images/company7.png" alt=""></li>
					<li><img src="./images/company8.png" alt=""></li>
					<li><img src="./images/company9.png" alt=""></li>
					<li><img src="./images/company10.png" alt=""></li>
				</ul>
			</div>
		</div>

		<div class="title">
			<h3>企业文化</h3>
			<p>With wisdom and professional to create happiness for clients</p>
		</div>
		<div class="row list">
				<div class="box">
					<p class="cul p2">喜邦秉承“分享”与“创造”的文化理念，为员工提供幸福感的工作，用智慧与专业为客户创造幸福感。我们拥有“用心 耐心 创意 诚意”的设计宗旨，坚信只有帮助企业解决实际问题，才能为企业领导、员工及其家属带来幸福感，才能实现我们的价值。</p>
					<div class="culture col-md-3 col-sm-3 col-xs-6">
						<img src="./images/companya.png" alt="">
						<p class="p1">用心With your heart</p>
					</div>
					<div class="culture col-md-3 col-sm-3 col-xs-6">
						<img src="./images/companyb.png" alt="">
						<p class="p1">用心With your heart</p>
					</div>
					<div class="culture col-md-3 col-sm-3 col-xs-6">
						<img src="./images/companyc.png" alt="">
						<p class="p1">用心With your heart</p>
					</div>
					<div class="culture col-md-3 col-sm-3 col-xs-6">
						<img src="./images/companyd.png" alt="">
						<p class="p1">用心With your heart</p>
					</div>
				</div>
			</div>

	</div>
	
	<div class="foorter">
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-xs-12">
					<img src="images/logo2.png" alt="" class="logo">
				</div>
				<div class="col-md-5 col-xs-12 center">
					<p>喜邦品牌十年深耕化妆品产业</p>
					<p>友情链接：<a href="">中国雅芳</a><a href="">百雀羚</a><a href="">自然堂</a><a href="">巴黎欧莱雅</a><a href="">谷歌</a></p>
					<p>广州喜邦品牌顾问&设计有限公司版权所有<a href="">粤ICP备0754673</a></p>
				</div>
				<div class="col-md-4 col-xs-12 right">
					<p>E-mail: <a href="mailto:758057640@qq.com">758057640@qq.com</a></p>
					<p><img src="./images/tel.png" alt=""> 全国免费咨询热线：<a href="tel:40000-138-136">40000-138-136</a></p>
					<p>地址：广州市白云区新市齐富路联富大厦6018</p>
				</div>
			</div>
		</div>
	</div>


	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
</body>
</html>